﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="calendar.aspx.cs" Inherits="calendar" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <style type="text/css">
            .calendar
            {
                width: 150px;
                border: 1px solid #000000;
                background: white;
            }
            
            .calendar td
            {
                border: 1px solid black;
            }
            
            .calendar td:hover
            {
                outline: 1px orange solid;
                cursor: pointer;
            }
            
            .selected
            {
                background-color: #c0c0ff;
            }
            
            .pad
            {
                background-color: #e0e0e0;
            }
            
            .calendar2
            {
                width: 150px;
                border: 1px solid #000000;
                background: #f0f0f0;
            }
            
            .calendar2 td
            {
                border: 1px solid gray;
                width: 25px;
                height: 20px;
            }
            
            .calendar2 td:hover
            {
                outline: 1px red solid;
                cursor: pointer;
            }
            
            .selected2
            {
                background-color: #ffc0c0;
            }
            
            .pad2
            {
                background-color: #ffe0e0;
            }
    </style>
    <script type="text/javascript" src="/scripts/NinJa.js"></script>
    <script type="text/javascript" src="/scripts/NinJaVisuals.js"></script>
    <script type="text/javascript" src="/scripts/NinJaControls.js"></script>
    <script type="text/javascript">
        Page.OnLoad.Add(function () {
            var c = new Calendar();
            c.Effect(Effects.Fade).PadDays(false).SelectedDate(DateTime.Now()).PadClass("pad2").SelectedClass("selected2");
            Page.AddElement(c);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input pad="true" type="text" class="calendar" />
    </form>
</body>
</html>
